<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<title>项目练习</title>
<link href="__PUBLIC__/web/css/bootstrap.min.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="__PUBLIC__/web/css/animate.min.css" type="text/css">
<link href="__PUBLIC__/web/css/css.css" rel="stylesheet" type="text/css">
</head>

<body>
<!-- header开始： -->
<!-- 导航条 -->
<nav class="navbar navbar-default">
    <div class="container-fluid container">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false" id="list_btn">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
         	</button>
        	<a class="navbar-brand" href="#"><img src="__PUBLIC__/web/images/logo.png" alt="logo"/></a>
        </div>
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav navbar-right" id="nav">
                <li class="current"><a href="{:U('Index/index')}#index">首页</a></li>
                <li><a href="{:U('Index/index')}#item-list">论坛</a></li>
                <li><a href="{:U('Index/index')}#web">前端开发</a></li>
                <li><a href="{:U('Index/index')}#study">最新课程</a></li>
                <li><a href="{:U('Index/index')}#app">移动app</a></li>
                <li><a href="{:U('Index/index')}#contact_us">联系我们</a></li>
            </ul>
            <a href="{:U('Admin/Index/index')}">进入后台吧</a>
        </div><!-- /.navbar-collapse -->
    </div><!-- /.container-fluid -->
</nav>
<div class="container">
<h3><?php echo $classdata['name'];?></h3>
<?php echo $classdata['content'];?>
</div>
<!-- footer开始 -->
<div class="container">
    <p class="footer wow slideInRight" data-wow-duration="1s" data-wow-delay="0s">Copyright&nbsp;<i class="glyphicon glyphicon-copyright-mark"></i>&nbsp;2012-2015&nbsp;&nbsp;www.maiziedu.com&nbsp;&nbsp;蜀ICP备13014270号-4</p>
</div>
<!-- footer结束 -->
<script src="__PUBLIC__/web/js/wow.min.js"></script>
<script src="__PUBLIC__/web/js/jquery.min.js"></script>
<script src="__PUBLIC__/web/js/bootstrap.min.js"></script>
<script>
$(function(){
    // alert("");
    new WOW().init();                   //动画animate插件
    var wow = new WOW({                 //动画自定义配置
        offset: 100,
    });
    wow.init();
    changeFontsize();                 //网页一运行就让 字体自适应
    $(window).resize(function(){      //屏幕resize事件
        changeFontsize();
    });

    var fontSize="";
    function changeFontsize(){
        var clientWidth=document.body.clientWidth;
        fontSize=clientWidth*0.0116666666666667;
        $("html").css("font-size",fontSize+"px");   
    };
});
</script>
</body>
</html>
